@import "ui-variables";

.list-tree, .list-group {
    li:not(.list-nested-item):not(.tabBlender), li.list-nested-item > .list-item {
        line-height: 3.25em;

        &.selected {
            position: relative;

            &::before {
                .selected-item();
            }
        }
        &.status-modified {
            color: desaturate(@md-amber, 15%);
        }
        &.status-added {
            color: @md-light-green;
        }
        &.status-renamed {
            color: @md-blue;
        }
        &.status-removed {
            color: @md-red;
        }
        .name {
            position: relative;
            z-index: 10;
        }
    }
    li.list-nested-item {
        &.status-modified:not(.selected) > .list-item {
            color: lighten(desaturate(@md-amber, 25%), 5%);
        }
        &.status-added:not(.selected) > .list-item {
            color: @md-light-green;
        }
        &.status-renamed:not(.selected) > .list-item {
            color: @md-blue;
        }
        &.status-removed:not(.selected) > .list-item {
            color: @md-red;
        }
    }
    .selected::before {
        background: none;
    }
    &.mark-active {
        li:not(.list-nested-item):not(.tabBlender), li.list-nested-item > .list-item {
            padding-left: 2.5rem;

            &.active::after {
                position: absolute;
                left: 1rem;
                font-family: 'Octicons Regular';
                font-weight: normal;
                font-style: normal;
                display: inline-block;
                -webkit-font-smoothing: antialiased;
                text-decoration: none;
                font-size: 1rem;
                width: 1rem;
                height: 1rem;
                content: "\f03a";
            }
        }
    }
}
.select-list, .popover-list {
    atom-text-editor[mini], atom-text-editor[mini]::shadow {
        height: auto;
    }
    .styleguide & {
        atom-text-editor[mini], atom-text-editor[mini]::shadow {
            height: auto;
        }
    }
    .list-group {
        li {
            padding: 0 0.75rem;
        }
    }
}
